<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili</title>
	<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" type="text/css" href="css/bilibili-login.css"/>
</head>
<body>
<div class="wapr">
<nav>
	<div class="top">
		<div class="container">
			<div class="left">
				<ul class="p">
					<li><a href="index.html"><img src="images/favicon.ico"/ class="xds xt">主站</a></li>
					<li title="来探索bilibili音乐的世界吧！"><a href="#">音频</a></li>
					<li class="playyy">
						<a href="bilibili-play.html">游戏中心</a>
						<iframe src="https://www.bilibili.com/page-proxy/game-nav.html" frameborder="0" width="100%" height="100%"></iframe>
					</li>
					<li class="zhibo">
						<a href="#">直播</a>
						<iframe src="https://live.bilibili.com/blackboard/dropdown-menu.html" frameborder="0" width="100%" height="100%"></iframe>
					</li>
					<li><a href="#">会员购</a></li>
					<li><a href="#">漫画</a></li>
					<li class="mz">
						<a href="#">BW</a>
						<div class="bw"><a href="#"><img src="images/QQ截图20190607152800.png"/></a></div>
					</li>
					<li><a href="#">70年</a></li>
					<li class="xiazai"><a href="#" id="xiazai"><img src="images/手机 (1).png"/ class="sj xt">下载APP</a> 
						<div class="app" id="app">
							<img src="images/orcode-frame.png"/>
						</div>
						</li>
					</ul>
			</div>
			<div class="release">
				<a href="#">投稿</a>
				<div class="up">
					<ul>
						<li><a href="#"><i class="xbt"></i><span>专栏投稿</span></a></li>
						<li><a href="#"><i class="xbt"></i><span>音频投稿</span></a></li>
						<li><a href="#"><i class="xbt"></i><span>视频投稿</span></a></li>
						<li><a href="#"><i class="xbt"></i><span>投稿管理</span></a></li>
						<li><a href="#"><i class="xbt"></i><span>创作中心</span></a></li>
					</ul>
				</div>
			</div>
	<div class="right-denglu">
		<ul>
			<li class="nav-item logiii">
				<a href="//passport.bilibili.com/login" class="dldldl">
					<div class="i-face">
						<img src="images/akari.jpg" class="face">
					</div>
				</a>
				<div class="menu-login">
					<p style="font-size: 12px; color: #6D757A;">登录后你可以：</p>
					<div class="img">
						<img id="img1" src="images/danmu (1).png" style="left: 320px;">
						<img id="img2" src="images/danmu (1).png" style="left: 0;">
					</div>
					<a href="//passport.bilibili.com/login" class="login-btn">登录</a>
					<p class="reg">首次使用？<a href="//passport.bilibili.com/register/phone.html">点我去注册</a></p>
				</div>
			</li>
			<li class="nav-item historyy">
				<a href="//www.bilibili.com/account/history" target="_blank" class="t">历史</a>
				<div class="history-record-m mini-wnd-nav history-wnd dd-bubble">
					<div class="top-login">
						<p class="txt">登录后有更多功能哦~</p>
						<a href="https://passport.bilibili.com/login" class="loginbtn">登录</a>
					</div>
					<ul class="list">
						<div>
							<li class="no-data">没有数据哦，多看点视频吧</li>
						</div>
					</ul>
					<div>
						<a href="//www.bilibili.com/account/history" target="_blank" class="read-more"> 查看更多<i class="b-icon b-icon-arrow-r"></i></a>
					</div>
					</div>
			</li>
		</ul>
	</div>
</nav>
<div class="banner">
	<div class="container">
		<img src="images/rl_top.35edfde.png"/>
	</div>
</div>
<div class="marin">
	<div class="container">
		<div class="title-line">
			<span class="tit" style="font-size: 38px;">登录</span>
		</div>
		<div class="login-box clearfix">
			<div class="login-left">
				<div class="qrcode-login">
					<div class="qrcode-con">
						<i class="tv-icon"></i> 
						<div class="qrcode-box">
							<div class="qrcode-tips"></div> 
								<div class="qrcode-img" title="https://passport.bilibili.com/qrcode/h5/login?oauthKey=39c023a91b4accef2725138b0539086b">
									<canvas width="140" height="140" style="display: none;"></canvas>
									<img src="images/下载 (2).png" style="display: block;">
								</div> 
						</div>
					</div> 
					<div class="qrcode-footer">
						<p class="status-txt">扫描二维码登录</p>
						<p class="app-link">请使用 <a href="//app.bilibili.com/" target="_blank">哔哩哔哩客户端</a>
							<br>扫码登录<br>或扫码下载APP</p>
					</div>
				</div>
			</div> 
		<div class="line"></div> 
		<div class="login-right">
			<div class="form-login">
				<div id="geetest-wrap" class="input-box">
					<ul>
						<form action="./login.php" method="post">
						<li class="item username status-box">
							<input type="text" name="userName" placeholder="你的手机号/邮箱" id="login-username" maxlength="50" autocomplete="off" class="">
							<span class="status"></span> 
							<div class="text clearfix">
								<p class="tips"></p>
							</div>
						</li>
						<li class="item password status-box">
							<input type="password" name="password" placeholder="密码" id="login-passwd" class="">
								<span class="status">
								</span> 
							<div class="text clearfix">
								<p class="tips"></p>
							</div>
						</li>
						<li class="item gc clearfix">
						</li>
						<li class="remember">
							<label>
								<input type="checkbox">记住我<span>不是自己的电脑上不要勾选此项</span>
								<a target="_blank" href="//passport.bilibili.com/register/findpassword.html#/verify" class="forget-password">忘记密码?</a>
								<a target="_blank" href="//www.bilibili.com/blackboard/help.html#%E8%B4%A6%E5%8F%B7%E7%9B%B8%E5%85%B3" class="not-checkout">无法验证?</a>
							</label>
						</li> 
						<li class="btn-box">
							<a href="bilibili-personal.html" class="btn-login">登录</a>
							<a href="#" class="btn btn-reg">注册</a>
						</li>
							<br/>
						</form>

					<li class="sns">
						<a class="btn weiboo">微博账号登录</a> 
						<a class="btn qqq">QQ账号登录</a>
					</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</div>
</div>
<footer class="bibi-footer">
			<div class="footer-wrp">
			<div class="container">
				<div class="footer-cnt clearfix report-wrap-module"><ul class="boston-postcards">
					<li>
						<div class="tippp">bilibili</div>
						<div class="cardsss">
						<a target="_blank" href="//www.bilibili.com/blackboard/aboutUs.html">关于我们</a>
					</div>
					<div class="cardsss">
						<a target="_blank" href="//www.bilibili.com/blackboard/contact.html">联系我们</a>
					</div>
					<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/join.html">加入我们</a></div>
					<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/friends-links.html">友情链接</a></div>
					<div class="cardsss"><a target="_blank" href="//account.bilibili.com/account/official/home">bilibili认证</a></div>
					<div class="cardsss"><a target="_blank" href="http://ir.bilibili.com">Investor Relations</a></div>
					</li>
					<li class="csm">
						<div class="tippp">传送门</div>
						<div class="cardsss">
							<a target="_blank" href="//www.bilibili.com/blackboard/help.html">帮助中心</a>
						</div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/video/av120040/">高级弹幕</a></div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/activity_list.html">活动专题页</a></div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/copyright.html">侵权申诉</a></div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/x/act_list/">活动中心</a></div>
							<div class="cardsss"><a target="_blank" href="http://link.acg.tv">用户反馈论坛</a></div>
							<div class="cardsss"><a target="_blank" href="//space.bilibili.com/6823116#/album">壁纸站</a></div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/blackboard/activity-S1jfy69Jz.html">名人堂</a></div>
							<div class="cardsss"><a target="_blank" href="//www.bilibili.com/basc">专车号服务中心</a></div>
					</li>
					<li>
					<div class="block righttt">
						<a target="_blank" href="//app.bilibili.com/">
							<div class="phone">
								<div class="khd" id="footer-mobile-app"></div>
								<em>客户端下载</em>
								<div class="qrcode-box-wrp"></div>
						</div>
					</a>		
					<a target="_blank" href="http://weibo.com/bilibiliweb">
						<div class="weibo">
							<div class="picccc"></div>
						<em>新浪微博</em>
						<div class="qrcode-box-wrpp"></div>
						</div>
					</a>
					<a id="weixin">
						<div class="weixin">
							<div class="piccc"></div>
							<em>官方微信</em>
							<div class="qrcode-box-wrppp bigvip-qrcode"></div>
						</div>
					</a>
					</div>
					</li>
				</ul>
				<div class="partner">
					<div class="lefttt" style="padding-top: 0px;">
						<div class="partner-banner"></div>
						<div class="pic962110"></div>
						<a id="jvs-cert" href="https://webcert.cnmstl.net/cert/grade?sn=d3ec53ae63a84350945198bab0251d59" target="_blank" style="display: block; max-width: 132px;">
							<div id="jvs-certifyOuter" class="jvs-certifyOuter" style="width: 100%;">
								<img src="images/confirm.png"/ style="width: 100px;">
							</div>
						</a>
					</div>
					<div class="block leftttt" style=" width: 977px;line-height:28px;float:left;margin-left: 20px;">
						<p>广播电视节目制作经营许可证：<span>（沪）字第1248号</span>|网络文化经营许可证：<span>沪网文[2016]2296-134号</span>|信息网络传播视听节目许可证：<span>0910417</span>|互联网ICP备案：<a href="http://www.miitbeian.gov.cn/" target="_blank">沪ICP备13002172号-3</a> 沪ICP证：<span>沪B2-20100043</span> | 违法不良信息举报邮箱：help@bilibili.com | 违法不良信息举报电话：4000233233转3 | <a href="//static.hdslb.com/images/yyzz.png" target="_blank">营业执照</a></p><p><a href="http://www.shjbzx.cn" target="_blank"><i class="icons-footer icons-footer-report"></i><span> 上海互联网举报中心</span></a> |<a href="http://jb.ccm.gov.cn/" target="_blank">12318 全国文化市场举报网站</a> |<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002002436"><img src="images/beiantubiao.png" style="vertical-align: top;"> 沪公网安备 31011002002436号 |</a><a href="mailto:userreport@bilibili.com">儿童色情信息举报专区</a></p><p><a href="http://report.12377.cn:13225/toreportinputNormal_anis.do" target="_blank">网上有害信息举报专区：<img src="images/12377.png" width="16" height="16" style="vertical-align: sub;"> 中国互联网违法和不良信息举报中心</a></p><p>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p><p>公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 电话：021-25099888</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
</div>
<div class="waper">
	<div class="container">
		<h1>登录bilibili</h1>
		<div class="input">
			<div class="input-1">
				<span>账号</span><input type="text"  placeholder="你的手机号/邮箱"/>
			</div>
			<div class="input-2">
				<span>密码</span><input type="text"  placeholder="请输入密码"/>
			</div>
			<a href="#" class="mimama">忘记密码？</a>
		</div>
		<div class="qwer">
			<a href="#" class="zhucezhuce">注册</a>
			<a href="bilibili-personal.html" class="dengludenglu">登录</a>
		</div>
	</div>
</div>
<script src="js/login-canvan.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bilibili-login.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>